Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 
 

89 rader
3.0 KiB

  1. /**
  2. * 服务端 API 代理 —— 将 /api/** 请求转发到 ThinkJS 后端
  3. *
  4. * 对齐 ai_uniapp_v2 H5 端的 manifest.json devServer.proxy 行为:
  5. * /api/user/info → https://api.jiefuku.com/user/info
  6. *
  7. * 用途:
  8. * 1. 避免浏览器跨域
  9. * 2. 服务端转发自动携带 cookie,保持登录态
  10. *
  11. * 环境变量 API_BASE 可覆盖目标地址(生产环境指向 https://api.aionline.cc)
  12. */
  13. import { proxyRequest, sendWebResponse } from 'h3'
  14. export default defineEventHandler(async (event) => {
  15. const apiBase = process.env.API_BASE || 'http://192.168.31.168:16888'
  16. // 去掉 /api 前缀,得到真实后端路径
  17. let path = event.path.replace(/^\/api/, '') || '/'
  18. if (!path.startsWith('/')) path = '/' + path
  19. const method = event.method
  20. const url = apiBase + path
  21. const headers = {}
  22. // 转发用户 cookie(保持登录态)
  23. const cookie = event.headers.get('cookie')
  24. if (cookie) {
  25. headers.cookie = cookie
  26. }
  27. // 透传客户端的 Content-Type(multipart/form-data 上传需要)
  28. const contentType = event.headers.get('content-type')
  29. if (contentType) {
  30. headers['content-type'] = contentType
  31. }
  32. const isMultipart = Boolean(contentType?.includes('multipart/form-data'))
  33. // 透传签名的 header(nonce / timestr / token)
  34. const clientNonce = event.headers.get('nonce')
  35. const clientTimestr = event.headers.get('timestr')
  36. const clientToken = event.headers.get('token')
  37. const clientAccept = event.headers.get('accept')
  38. if (clientNonce) headers.nonce = clientNonce
  39. if (clientTimestr) headers.timestr = clientTimestr
  40. if (clientToken) headers.token = clientToken
  41. if (clientAccept) headers.accept = clientAccept
  42. const fetchOptions = { method, headers }
  43. // GET: 查询参数
  44. const query = getQuery(event)
  45. const queryStr = new URLSearchParams(query).toString()
  46. const fullUrl = queryStr ? url + '?' + queryStr : url
  47. // Multipart 必须直接转发原始请求流。先 readRawBody() 在部分 Chromium /
  48. // Nitro 组合下会一直等待流结束,导致上传请求既不到后端也不返回。
  49. if (isMultipart) {
  50. return proxyRequest(event, fullUrl, { headers })
  51. }
  52. // POST: 请求体
  53. if (method === 'POST') {
  54. const body = await readBody(event)
  55. if (body && typeof body === 'object') {
  56. fetchOptions.body = new URLSearchParams(body).toString()
  57. }
  58. }
  59. try {
  60. // SSE 必须透传原始 Web Response;$fetch 会等待响应结束并尝试解析,
  61. // 导致浏览器无法逐块收到上游事件。
  62. // Multipart 同样使用原生 fetch,确保二进制请求体和 boundary 原样到达上游。
  63. if ((clientAccept || '').includes('text/event-stream')) {
  64. const upstreamResponse = await fetch(fullUrl, fetchOptions)
  65. return sendWebResponse(event, upstreamResponse)
  66. }
  67. return await $fetch(fullUrl, fetchOptions)
  68. } catch (error) {
  69. console.error('[Server Proxy Error]', url, error.message)
  70. return {
  71. code: 1000,
  72. data: null,
  73. msg: '服务器代理请求失败',
  74. }
  75. }
  76. })